<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>WebScockets chat</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/socket.io/4.1.2/socket.io.js"></script>
    <link href="/styles.css" rel="stylesheet" />
  </head>
  <body>
    <div id="mario-chat">
      <h2>欢迎来到汪哥的聊天室,快来一起聊天吧！</h2>
      <div id="chat-window">
        <div id="output"></div>

        <!-- 提示正在输入 -->
        <div id="feedback"></div>
      </div>
      <input
        id="username"
        type="text"
        placeholder="你的名字"
        autocomplete="off"
      />
      <input
        id="message"
        type="text"
        placeholder="输入信息"
        autocomplete="off"
      />
      <button id="send">Send</button>
    </div>
  </body>
  <script src="/chat.js"></script>
</html>
